<%@ page language="C#" autoeventwireup="true" inherits="_Default, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Realtime Biometrics India Pvt.Ltd</title>
  <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<meta name="google-site-verification" content="owcmVFpnx2on8nGSaIibtLSydCGqW6bLHyVqb4eagtU" />

<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date(); a = s.createElement(o),
  m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '../www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-105064199-1', 'auto');
    ga('send', 'pageview');

</script>


<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/jquery.immersive-slider.js"></script>
<script src="js/jquery.fadethis.js"></script>
<script src="js/jquery.malihu.PageScroll2id.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
<script>
    (function ($) {
        $(window).load(function () {

            /* Page Scroll to id fn call */
            $("#navigation-menu a,a[href='#top'],a[rel='m_PageScroll2id']").mPageScroll2id({
                highlightSelector: "#navigation-menu a"
            });

            /* demo functions */
            $("a[rel='next']").click(function (e) {
                e.preventDefault();
                var to = $(this).parent().parent("section").next().attr("id");
                $.mPageScroll2id("scrollTo", to);
            });

        });
    })(jQuery);
	</script>
<script>    document.documentElement.className = 'advanced';</script>
	<link rel="stylesheet" href="css/settings.css" />
<link rel="stylesheet" type="text/css" href="css/menumaker.css">
<link href="css/navigation.css" type="text/css" rel="stylesheet">
<link href="css/main-style.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="css/hover-effect.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/hover-effect.css" />
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="css/slideshow.css" />
<link href='css/immersive-slider.css' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="css/jquery.lightbox.css">
<style type="text/css">
#home {
	background: url(imges/home.jpg) 50% 0 fixed;
	height: auto;
	margin: 0 auto;
	width: 100%;
	position: relative;
	background-size:cover;
}
#clients {

	height: auto;
	margin: 0 auto;
	width: 100%;
	position: relative;

}
#testimon {
	background: url(imges/img-1.jpg) 50% 0 fixed;
	height: auto;
	margin: 0 auto;
	width: 100%;
	position: relative;
	background-size:cover;
	
}
.logo img {
    margin: 12px 0px 0px 0px;
    width: 210px !important;
    height: 58px !important;
	}
	.logo {
    margin: 0px;
    padding: 0px 0px 2px 0px;
    position: relative;
    top: -8px;
}
div#revslider-238.fullwidthbanner.revslider-initialised.tp-simpleresponsive ul li{
height:90% !important;
}
#navigation-menu li a:hover
{
    background: #E15B11;
    color: #fff !important;
}
.active
{
      background: #E15B11;
   
}
.active a
{
  color: #fff !important;   
}
#cssmenu > ul > li > a {
    padding: 15px;
    font-size: 14px;
    text-decoration: none;
    color: #666;
}
#cssmenu > ul > li {
    float: left;
    margin-left: -14px;
}
#navigation-menu
{
    margin-right:80px !important;
}
#cssmenu > ul > li {
    float: left;
    margin-left: 14px !important;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="box-shadow: 0 5px 5px -7px #333; margin-bottom:0px;">
<div class="container-fluid">
  <div class="row">
    <div class="col-md-2">
      <div class="logo">
        <center>
            <%--  <img src="images/logo.png"> --%><img  height="55" alt="Realtime" id="output" runat="server" />
        </center>
      </div>
    </div>
    <div class="col-md-10 "> 
    <div id="cssmenu">
	<ul id="navigation-menu" style="float:right">
    <li class="active"><a href="Default.aspx">&nbsp;<i class="fa fa-home"></i> Home</a></li>
		
		<li style="margin-left:10px;">
			<a href="Login.aspx"><i class="fa fa-sign-in"></i> Login</a>
			
		</li>
        
        <li style="margin-left:10px; visibility:hidden" id="Pricelist" runat="server" visible="false">
			<a href="NewPrice.aspx">Price</a>
			
		</li>
       <!-- <li><a href="contact-us.html">Contact Us</a></li>-->
        <li><a href="#" ><i class="fa fa-envelope-o"></i>&nbsp;<asp:Label
            ID="lblemail" runat="server" Text=""></asp:Label></a></li>
        <li style="margin-top:-2px;"><a href="#"><i class="fa fa-phone" style="position: relative;top: 2px; font-size: 16px;"></i>&nbsp;<asp:Label ID="lblphoneno"
            runat="server" Text=""></asp:Label></a></li>
	</ul>
</div>
    
    
    </div>
  </div>
</div></div>

<script src="js/menumaker.js"></script>
<script type="text/javascript">
    $("#cssmenu").menumaker({
        title: "Menu",
        format: "multitoggle"
    });
</script>
		<section class="slider">
	
			<div class="fullwidthbanner-container">
				<div class="fullwidthbanner">
					<ul>
						<!-- SLIDEUP -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-delay="9000" data-thumb="img/revslider/transparent.png"  height="90%">
							<img src="img/revslider/transparent.png" data-lazyload="images/revslide_1.jpg"   data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
							
							<div class="tp-caption sft" data-x="510" data-y="90" data-speed="1000" data-start="4000" data-easing="easeOutExpo">
								<img src="images/imac.png" >
							    l</div>
							<div class="tp-caption sfl" data-x="850" data-y="220" data-speed="500" data-start="4600" data-easing="easeOutExpo">
								<img src="images/ipad.png" >
							</div>
							
							
							
							<!--<div class="tp-caption modern_medium_fat sft start tp-resizeme" data-x="20" data-y="105" data-speed="1000" data-start="1200" data-easing="easeInBack">
				Quisque nec euismod arcu
							</div>-->
							
							<div class="tp-caption inlarge_light_black sfl" data-x="20" data-y="132" data-speed="700" data-start="1600" data-easing="easeOutExpo">
						Cloud Attendance  System
							</div>
							
					<!--		<div class="tp-caption modern_medium_fat sfl" data-x="20" data-y="195" data-speed="700" data-start="2200" data-easing="easeInBack">
								Sem arcu iaculis magna
							</div>-->
							
							<div class="caption sfr modern_small_text_dark tp-caption" data-x="20" data-y="200" data-easing="easeOutExpo" data-start="2800" data-speed="700" >
								<p>Realtime Biometrics Provide All Solution for attendance   <br />we Provide Autopush Data technology &<br /> we Also Provide GPS Tracking system for Employee. </p>
							</div>

							<div class="caption sfr tp-caption tp-resizeme" data-x="20" data-y="280" data-easing="easeOutExpo" data-start="3400" data-speed="1000" >
								<a href="http://www.realtimebiometrics.com/" class="btn btn-large btn-block btn-default">Try it now!</a>
							</div>
						</li> 
						
						<!-- SLIDEUP -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-delay="9000" data-thumb="img/revslider/transparent.png">
							<img src="img/revslider/transparent.png" data-lazyload="images/revslide_2.jpg"   data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
							
							<div class="tp-caption sft" data-x="20" data-y="90" data-speed="700" data-start="4000" data-easing="easeOutExpo">
								<img src="images/home-lapi.png" alt="iMac Slider">
							</div>
							<div class="tp-caption sfl" data-x="20" data-y="170" data-speed="700" data-start="4500" data-easing="easeOutExpo">
								<img src="images/Machine.png" alt="Ipad Slider">
							</div>
							<!--<div class="tp-caption sfb" data-x="390" data-y="275" data-speed="700" data-start="5000" data-easing="easeOutExpo">
								<img src="img/revslider/iphone.png" alt="Iphone Slider">
							</div>-->
							
							<div class="tp-caption medium_bold_black sft start tp-resizeme" data-x="530" data-y="150" data-speed="700" data-start="1000" data-easing="easeInBack">
								Cloud Based Attendance System
							</div>
					
							
							<div class="caption sfl modern_small_text_dark tp-caption" data-x="530" data-y="200" data-easing="easeOutExpo" data-start="3000" data-speed="700" >
								<p>Realtime Biometrics  productivity with a Cloud Based attendance System<br /> can monitor Realtime time   attendance <br /> No Need to Process attendance Data.</p>
							</div>
							<div class="caption sfr tp-caption tp-resizeme" data-x="530" data-y="300" data-easing="easeOutExpo" data-start="3500" data-speed="700" >
								<a href="#" class="btn btn-large btn-block btn-default">Try it now!</a>
							</div>
						</li> 
						

						 <li data-transition="fade" data-slotamount="3" data-masterspeed="1000" data-delay="9000" data-thumb="img/revslider/transparent.png">
							<img src="images/revslide_3.jpg" data-thumb="img/revslider/transparent.png" alt="dua" data-slotamount="1" data-masterspeed="1000" data-delay="1000" >		
							<div class="tp-caption sfr" data-x="20" data-y="80" data-speed="1000" data-start="700" data-easing="easeOutExpo">
								<img src="images/apps.png" alt="Poeple Slider">
							</div>
									<div style="color:#000;"  class="tp-caption inlarge_light_black sfl" data-x="300" data-y="340" data-speed="700" data-start="1000" data-easing="easeOutExpo">
						Attendance Mobile Application  For Android & IOS
							</div>
							<div style="color:#000" class="tp-caption modern_medium_fat sft start" data-x="150" data-y="390" data-speed="700" data-start="1600" data-easing="easeOutBack">
							<!-- dd-->
							</div>
							
	
						</li>
						
						 <li data-transition="fade" data-slotamount="4" data-masterspeed="1000" data-delay="9000" data-thumb="img/revslider/transparent.png">
							<img src="images/revslide_1.jpg" data-thumb="img/revslider/transparent.png" alt="dua" data-slotamount="1" data-masterspeed="1000" data-delay="1000">		
							<div class="tp-caption sfr" data-x="20" data-y="80" data-speed="1000" data-start="700" data-easing="easeOutExpo">
								<img src="images/dddd2.png" alt="Poeple Slider" style="width:99% !important; height:286px; margin-left:-202px; margin-right:20px;" class="img-responsive">
							</div>
						<div style="color:#000;"  class="tp-caption inlarge_light_black sfl" data-x="300" data-y="340" data-speed="700" data-start
							
	
						</li>

					
						
					</ul>


				</div>
			</div>
		 </div>
		</section>

        

	<script src="js/jquery.themepunch.revolution.min.js"></script>
	<script src="js/main.js"></script>

<div style="background:#f1f1f1;">

<div class="container">
<div class="row text-center" style="margin-top:10px;">
<!--<div class="col-md-12" style="margin-bottom:20px; margin-top:-40px;">
<div id="brand">Our Solutions</div>
</div>-->
<div class="col-md-2">
<div style="margin:0px 0px 25px 0px;">
<i class="fa fa-cloud" style="color:#0093ffb3; font-size:50px"></i><br>
<span style="font-size:17px;">Cloud Software</span>
</div>
</div>
<div class="col-md-2">
<div style="margin:0px 0px 25px 0px;">
<i class="fa fa-android" style="font-size:50px; color:#0cc30cbd"></i><br>
<span style="font-size:17px;">Andriod Mobile Apps</span>
</div>
</div>

<div class="col-md-2">
<div style="margin:0px 0px 25px 0px;">
<i class="fa fa-apple" style="font-size:50px; color:#000"></i><br>
<span style="font-size:17px;">IOS Mobile Apps</span>
</div>
</div>


<div class="col-md-3">
<div style="margin:0px 0px 25px 0px;">
<img src="images/school.png" style="height:50px; width:50px;"><br>
<span style="font-size:17px;">School  Attendance Software</span>
</div>
</div>
<div class="col-md-3">
<div style="margin:0px 0px 25px 0px;">
<img src="images/icon-access-control-1.png" style="height:50px; width:50px;"><br>
<span style="font-size:17px;">Access Control Software</span>
</div>
</div>




</div>
</div>
</div>
    </form>
</body>

<script src="js/owl.carousel.js"></script>
<script src="js/slideshow.min.js"></script>
<script src="js/launcher.js"></script>
<script src="js/jquery.lightbox.js"></script>
<script>
     $('.testimonials-slider').bxSlider({
			
			minSlides: 1,
			maxSlides: 1,
			slideMargin: 12,
			auto: true,
			autoControls: true
		  });
		  
		  $(document).ready(function() {
				$(window).fadeThis({
					speed: 1000,
				});
			});
			
			  $(document).ready( function() {
  	    $("#immersive_slider").immersive_slider({
  	      container: ".main"
  	    });
  	  });
	  
	   $("#owl-demo").owlCarousel({

      navigation : true,
      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem : true

      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false

      });
	  
	   $(function() {
    $('.gallery a').lightbox(); 
  });
	 
</script>

</html>
